{extend name="template/pc/cms-red/_base.html" /}

{block name="css"}
<link rel="stylesheet" href="__TPMPLATE__pc/cms-red/css/jqzoom.css">
{/block}

{block name="main"}

<div class="cont-pc">

    <div class="cont-contact">

        {include file="template/pc/cms-red/_right.html"}

        <div class="cont-box">

            <div class="container">

                <div class="cont-left">

                    <div class="cont-details">
                        <div class="details-title">{$data.title}</div>
                        <div class="details-data">
                            {:lang('Author')}：{$data.issue}&nbsp;&nbsp;&nbsp;{:lang('Create time')}：{$data.create_time}&nbsp;&nbsp;&nbsp;
                            分享到:
                            <!--
                            <div class="bdsharebuttonbox">
                                <a href="#" class="bds_more" data-cmd="more"></a>
                                <a href="#" class="bds_mshare" data-cmd="mshare" title="分享到一键分享"></a>
                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                            </div>
                            <script>
                                window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["qzone","tsina","weixin","renren","douban","sqq","isohu","copy"],"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()
                            </script>
                            -->
                        </div>
                        <div class="details-txt">

                            <div class="right-extra">

                                <div class="tendcont">

                                    <div class="tend-left">

                                        <div id="preview" class="spec-preview">
                                            <span class="jqzoom">
                                                {volist name="$images" id="vo"}
                                                <img alt="{$data.title}" jqimg="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" src="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" />
                                                {/volist}
                                            </span>
                                        </div>

                                        <div class="spec-scroll">
                                            <a class="prev"></a>
                                            <a class="next"></a>
                                            <div class="items">
                                                <ul>
                                                    {volist name="$images" id="vo"}
                                                    <li>
                                                        <img alt="{$data.title}" bimg="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" src="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" onmousemove="preview(this);">
                                                    </li>
                                                    {/volist}
                                                </ul>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="tend-right">
                                        {$data.parameter|default=''|html_entity_decode ?? ''}
                                    </div>

                                </div>

                                <div style="clear:both;height:10px;"></div>

                                <div class="m" id="comment">

                                    <ul class="tab clearfix">
                                        <li onclick="tabs('#comment',0)" class="curr">
                                            {:lang('Graphic introduction')}<strong></strong>
                                        </li>
                                    </ul>

                                    <div class="mc tabcon" style="display:block;">
                                        <div class="norecode">
                                            {$data.center|default=''|html_entity_decode ?? ''}
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>
                        <div class="fabulous-share">
                            <div class="detailed-fabulous" style="display: none;">
                                <div class="detailed-fabulous-item">
                                    <div class="detailed-fabulous-img">
                                        <img class="img-responsive" alt="" title="" src="http://www.dl-china.net/template/pc/cms-red/images/zan.png">
                                    </div>

                                    <div class="detailed-fabulous-txt">
                                        <p>好文章,需要你的鼓励</p>
                                    </div>
                                </div>

                                <div class="detailed-fabulous-item" onclick="modalalertdemo()">
                                    <div class="detailed-fabulous-img">
                                        <img class="img-responsive" alt="" title="" src="http://www.dl-china.net/template/pc/cms-red/images/shoucang.png">
                                    </div>

                                    <div class="detailed-fabulous-txt">
                                        <p>收藏文章</p>
                                    </div>
                                </div>
                            </div>
                            <div class="detailed-share">
                                <span class="share-tit">分享到:</span>
                                <ul class="share-btn">
                                    <li><a class="s_qzone" title="QQ空间" target="_blank" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A%2F%2Fdl-china.net%2Findex-classroom-detailed-id-34-navid-37.html%230-qzone-1-2107-d020d2d2a4e8d1a374a433f596ad1440&amp;title=%E8%BA%AB%E4%BB%B765%E4%BA%BF%E3%80%81%E5%BC%80%E8%B7%91%E8%BD%A6%E7%9A%8480%E5%90%8E%EF%BC%8C%E6%AD%A4%E5%88%BB%E4%BB%96%E7%9A%84%E7%84%A6%E8%99%91%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E3%80%82%20-%20%E9%BC%8E%E8%81%94%E4%BA%92%E8%81%94%E7%BD%91%E4%BF%A1%E6%81%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;desc=&amp;summary=&amp;site="></a></li>

                                    <li><a class="s_qq" title="QQ" target="_blank" href="https://connect.qq.com/widget/shareqq/index.html?url=http%3A%2F%2Fdl-china.net%2Findex-classroom-detailed-id-34-navid-37.html%230-sqq-1-85782-9737f6f9e09dfaf5d3fd14d775bfee85&amp;title=%E8%BA%AB%E4%BB%B765%E4%BA%BF%E3%80%81%E5%BC%80%E8%B7%91%E8%BD%A6%E7%9A%8480%E5%90%8E%EF%BC%8C%E6%AD%A4%E5%88%BB%E4%BB%96%E7%9A%84%E7%84%A6%E8%99%91%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E3%80%82%20-%20%E9%BC%8E%E8%81%94%E4%BA%92%E8%81%94%E7%BD%91%E4%BF%A1%E6%81%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;desc=&amp;summary=&amp;site=baidu"></a></li>

                                    <li><a class="s_sina" title="微博新浪" target="_blank" href="http://service.weibo.com/share/share.php?url=http%3A%2F%2Fdl-china.net%2Findex-classroom-detailed-id-34-navid-37.html%230-tsina-1-66666-397232819ff9a47a7b7e80a40613cfe1&amp;title=%E8%BA%AB%E4%BB%B765%E4%BA%BF%E3%80%81%E5%BC%80%E8%B7%91%E8%BD%A6%E7%9A%8480%E5%90%8E%EF%BC%8C%E6%AD%A4%E5%88%BB%E4%BB%96%E7%9A%84%E7%84%A6%E8%99%91%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E3%80%82%20-%20%E9%BC%8E%E8%81%94%E4%BA%92%E8%81%94%E7%BD%91%E4%BF%A1%E6%81%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;appkey=1343713053&amp;searchPic=true#_loginLayer_1560614531395"></a></li>

                                    <li><a class="s_wechat" title="" href=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="details-page">
                            <div class="page-btn page-pre">
                                {:lang('Previous page')}：
                                {empty name="$next.pre.id"}{:lang('No')}{else /}
                                <a title="{$next.pre.title}" href="{:url(\''.\\think\\Request::instance()->controller().'/detailed',['id'=>$next.pre.id,'navid'=>$next.pre.cid])}">
                                    {$next.pre.title}
                                </a>
                                {/empty}
                            </div>
                            <div class="page-btn page-nex">
                                {:lang('Next page')}：
                                {empty name="$next.next.id"}{:lang('No')}{else /}
                                <a title="{$next.next.title}" href="{:url(\''.\\think\\Request::instance()->controller().'/detailed',['id'=>$next.next.id,'navid'=>$next.next.cid])}">
                                    {$next.next.title}
                                </a>
                                {/empty}
                            </div>
                        </div>
                    </div>

                    <div class="recommend">

                        <div class="recom-title-box">
                            <a title="" href="">
                                <h2>推荐案例</h2>
                            </a>
                            <b class="fa fa-angle-left"></b>
                            <i class="fa fa-angle-right"></i>
                        </div>

                        <div class="recom-list img-scale">
                            <ul>
                                <li>
                                    <a title="" href="">
                                        <div class="recom-img img-hidden">
                                            <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                        </div>

                                        <div class="recom-cons">
                                            <div class="recom-title">
                                                <div class="recom-title-txt">案例中心</div>
                                                <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a title="" href="">
                                        <div class="recom-img img-hidden">
                                            <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                        </div>

                                        <div class="recom-cons">
                                            <div class="recom-title">
                                                <div class="recom-title-txt">案例中心</div>
                                                <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a title="" href="">
                                        <div class="recom-img img-hidden">
                                            <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                        </div>

                                        <div class="recom-cons">
                                            <div class="recom-title">
                                                <div class="recom-title-txt">案例中心</div>
                                                <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a title="" href="">
                                        <div class="recom-img img-hidden">
                                            <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                        </div>

                                        <div class="recom-cons">
                                            <div class="recom-title">
                                                <div class="recom-title-txt">案例中心</div>
                                                <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>

                <div class="cont-right">

                    <div class="cont-right-item">
                        <div class="cont-right-title">推荐新闻</div>
                        <div class="cont-right-list">
                            <ul>
							{dl:list db="Article" lang="$data['lang']" field="a.id,a.cid,a.title,a.image,a.create_time" order="a.image DESC,a.create_time asc" limit="8,4" status="1"}
                                <li>
									 <a title="{$vo.title}" href="{:url('Article/detailed',['id'=>$vo.id,'navid'=>$vo.cid],'html',$Request.root.true)}">
                                        <div class="cont-right-txt">
                                            <p>{$vo.title??''}</p>
                                            <p>浏览量: 888</p>
                                        </div>
                                    </a>
                                </li>
							{/dl:list}
                            </ul>
                        </div>
                    </div>

                    <div class="cont-right-item">
                        <div class="cont-right-title">相关新闻</div>
                        <div class="cont-right-list">
                            <ul>
                                							{dl:list db="Article" lang="$data['lang']" field="a.id,a.cid,a.title,a.image,a.create_time" order="a.image DESC,a.create_time asc" limit="12,4" status="1"}
                                <li>
                                    <a title="" href="">
                                        <div class="cont-right-txt">
                                            <p>{$vo.title??''}</p>
                                            <p>浏览量: 888</p>
                                        </div>
                                    </a>
                                </li>
							{/dl:list}
                            </ul>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="cont-contact">

        {include file="template/pc/cms-red/_right.html"}

        <div class="cont-box">

            <div class="container">

                <div class="cont-details">
                    <div class="details-title">{$data.title}</div>
                    <div class="details-data">{$data.create_time} &nbsp; {:lang('source')}：{$data.issue ?? '本站原创'}</div>
                    <div class="details-txt">{$data.center|default=''|html_entity_decode ?? ''}</div>
                    <div class="fabulous-share">
                        <div class="detailed-share">
                            <span class="share-tit">分享到:</span>
                            <ul class="share-btn">
                                <li><a class="s_qzone" title="QQ空间" target="_blank" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A%2F%2Fdl-china.net%2Findex-classroom-detailed-id-34-navid-37.html%230-qzone-1-2107-d020d2d2a4e8d1a374a433f596ad1440&amp;title=%E8%BA%AB%E4%BB%B765%E4%BA%BF%E3%80%81%E5%BC%80%E8%B7%91%E8%BD%A6%E7%9A%8480%E5%90%8E%EF%BC%8C%E6%AD%A4%E5%88%BB%E4%BB%96%E7%9A%84%E7%84%A6%E8%99%91%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E3%80%82%20-%20%E9%BC%8E%E8%81%94%E4%BA%92%E8%81%94%E7%BD%91%E4%BF%A1%E6%81%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;desc=&amp;summary=&amp;site="></a></li>

                                <li><a class="s_qq" title="QQ" target="_blank" href="https://connect.qq.com/widget/shareqq/index.html?url=http%3A%2F%2Fdl-china.net%2Findex-classroom-detailed-id-34-navid-37.html%230-sqq-1-85782-9737f6f9e09dfaf5d3fd14d775bfee85&amp;title=%E8%BA%AB%E4%BB%B765%E4%BA%BF%E3%80%81%E5%BC%80%E8%B7%91%E8%BD%A6%E7%9A%8480%E5%90%8E%EF%BC%8C%E6%AD%A4%E5%88%BB%E4%BB%96%E7%9A%84%E7%84%A6%E8%99%91%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E3%80%82%20-%20%E9%BC%8E%E8%81%94%E4%BA%92%E8%81%94%E7%BD%91%E4%BF%A1%E6%81%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;desc=&amp;summary=&amp;site=baidu"></a></li>

                                <li><a class="s_sina" title="微博新浪" target="_blank" href="http://service.weibo.com/share/share.php?url=http%3A%2F%2Fdl-china.net%2Findex-classroom-detailed-id-34-navid-37.html%230-tsina-1-66666-397232819ff9a47a7b7e80a40613cfe1&amp;title=%E8%BA%AB%E4%BB%B765%E4%BA%BF%E3%80%81%E5%BC%80%E8%B7%91%E8%BD%A6%E7%9A%8480%E5%90%8E%EF%BC%8C%E6%AD%A4%E5%88%BB%E4%BB%96%E7%9A%84%E7%84%A6%E8%99%91%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E3%80%82%20-%20%E9%BC%8E%E8%81%94%E4%BA%92%E8%81%94%E7%BD%91%E4%BF%A1%E6%81%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;appkey=1343713053&amp;searchPic=true#_loginLayer_1560614531395"></a></li>

                                <li><a class="s_wechat" title="" href=""></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="details-page">
                        <div class="page-btn page-pre">
                            {:lang('Previous page')}：
                            {empty name="$next.pre.id"}{:lang('No')}{else /}
                            <a title="{$next.pre.title}" href="{:url(\''.\\think\\Request::instance()->controller().'/detailed',['id'=>$next.pre.id,'navid'=>$next.pre.cid])}">
                                {$next.pre.title}
                            </a>
                            {/empty}
                        </div>
                        <div class="page-btn page-nex">
                            {:lang('Next page')}：
                            {empty name="$next.next.id"}{:lang('No')}{else /}
                            <a title="{$next.next.title}" href="{:url(\''.\\think\\Request::instance()->controller().'/detailed',['id'=>$next.next.id,'navid'=>$next.next.cid])}">
                                {$next.next.title}
                            </a>
                            {/empty}
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

</div>

{/block}

{block name="js"}
<script type="text/javascript" src="__TPMPLATE__pc/cms-red/js/jqzoom/jquery.jqzoom.js"></script>
<script type="text/javascript" src="__TPMPLATE__pc/cms-red/js/jqzoom/base.js"></script>
{/block}